<template>
  <RouterView />
</template>
<script>
import { onMounted } from "vue";
export default {
  setup() {
    onMounted(() => {
      init();
      // 监听手机旋转的事件的时机，重新设置
      window.addEventListener("orientationchange", init);
      // 监听手机窗口变化，重新设置
      window.addEventListener("resize", init);
    });

    function init() {
      let htmlHeight =
        document.documentElement.clientHeight || document.body.clientHeight; //浏览器兼容

      //获得html DOM元素
      let htmlDom = document.getElementsByTagName("html")[0];

      //给DOM元素设置样式
      htmlDom.style.fontSize = htmlHeight / 100 + "px";
    }
  },
};
</script>